import React from 'react';
import { type SvgIconProps } from '@mui/material/SvgIcon';
import AppSvgIcon from 'components/shared/icons/AppSvgIcon';

const GearIcon: React.FC<SvgIconProps> = ({ sx, ...props }) => (
  <AppSvgIcon sx={sx} viewBox='0 0 16 16' {...props}>
    <svg
      width='16'
      height='16'
      viewBox='0 0 16 16'
      fill='none'
      xmlns='http://www.w3.org/2000/svg'
    >
      <path
        fillRule='evenodd'
        clipRule='evenodd'
        d='M8.05959 3C8.53374 3 8.94271 3.33298 9.03883 3.79729L9.15826 4.37424C9.27916 4.95829 9.88118 5.30733 10.4481 5.12207L11.0954 4.91058C11.5394 4.76548 12.0247 4.94713 12.2643 5.34811L12.4733 5.69768C12.724 6.11729 12.6347 6.65669 12.262 6.97305L11.8475 7.32496C11.377 7.72433 11.377 8.4503 11.8475 8.84967L12.262 9.20158C12.6347 9.51793 12.724 10.0573 12.4733 10.4769L12.2643 10.8265C12.0247 11.2275 11.5394 11.4091 11.0954 11.2641L10.4481 11.0526C9.88117 10.8673 9.27916 11.2163 9.15826 11.8004L9.03883 12.3773C8.94271 12.8416 8.53374 13.1746 8.05959 13.1746H7.58146C7.10731 13.1746 6.69834 12.8416 6.60222 12.3773L6.48279 11.8004C6.36189 11.2163 5.75988 10.8673 5.19295 11.0526L4.5457 11.2641C4.10167 11.4091 3.61635 11.2275 3.37671 10.8265L3.16779 10.4769C2.91701 10.0573 3.00635 9.51793 3.37901 9.20158L3.79356 8.84967C4.26401 8.4503 4.26402 7.72433 3.79356 7.32496L3.37901 6.97305C3.00635 6.65669 2.91701 6.11729 3.16779 5.69768L3.37671 5.34811C3.61635 4.94713 4.10167 4.76548 4.5457 4.91058L5.19295 5.12207C5.75988 5.30733 6.36189 4.95829 6.48279 4.37424L6.60222 3.79729C6.69834 3.33298 7.10731 3 7.58146 3H8.05959ZM7.82055 9.54083C8.62331 9.54083 9.27407 8.89007 9.27407 8.08731C9.27407 7.28456 8.62331 6.63379 7.82055 6.63379C7.0178 6.63379 6.36703 7.28456 6.36703 8.08731C6.36703 8.89007 7.0178 9.54083 7.82055 9.54083Z'
        fill='#091E42'
      />
    </svg>
  </AppSvgIcon>
);

export default GearIcon;
